﻿<!DOCTYPE HTML>
<html>
<head>
    <title>关于我们</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="shortcut icon" href="images/favicon.ico" />
    <script type="application/x-javascript">
        addEventListener("load", function() {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }
    </script>
    <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
    <!-- Custom Theme files -->
    <link href="css/style.css" rel='stylesheet' type='text/css' />
    <script src="js/jQuery-1.11.3.js"></script>
    <!-- Add fancyBox main JS and CSS files -->
    <script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
    <link href="css/magnific-popup.css" rel="stylesheet" type="text/css">

    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $(".scroll").click(function (event) {
                event.preventDefault();
                $('html,body').animate({
                    scrollTop: $(this.hash).offset().top
                }, 1000);
            });
        });
    </script>

    <!----- //End-Share-instantly-slider---->
    <script type="text/javascript" src="js/move-top.js"></script>
    <script type="text/javascript" src="js/easing.js"></script>
</head>
<body>
    <div class="header">
        <div class="container">
            <h1 class="text-primary" style="color: #fff;">A PLACE FULL OF MEMORY ABOUT BOOKS</h1>
            <h2 style="color: #fff;">A GREAT ONLINE BOOK STORE</h2>
            <p style="color: #fff;">Do you like reading?Do you like buy some books and cheap?Do you like shopping?If your answer is 'YES'.Join us,Join our website.</p>
            <div class="header_arrow">
                <a href="#arrow" class="scroll"><span> </span></a>
            </div>
        </div>
    </div>
    <div class="content_middle" id="arrow">
        <div class="container">
            <h3 class="tz-title-3">关于我们</h3>
            <p>
                We are a team of online book store.Mr Zhaodongjin is our captain.Mr Zhaomuyu and
                Miss Wangqian are our group member.We work together to use our time to finish
                this project.
            </p>
            <div class="grid_1">
                <div class="col-md-4 team-grid">
                    <div class="view view-first">
                        <div class="index_img"><img src="images/zdj.jpg" class="img-responsive" alt="" /></div>
                    </div>
                    <h3>Zhaodongjin</h3>
                    <h4>小乌龟</h4>
                </div>
                <div class="col-md-4 team-grid">
                    <div class="view view-first">
                        <div class="index_img"><img src="images/wq.jpg" class="img-responsive" alt="" /></div>
                    </div>
                    <h3>wangqian</h3>
                    <h4>小仙女</h4>
                </div>
                <div class="col-md-4 team-grid">
                    <div class="view view-first">
                        <div class="index_img"><img src="images/zmy.jpg" class="img-responsive" alt="" /></div>
                    </div>
                    <h3>Zhaomuyu</h3>
                    <h4>小木鱼</h4>
                </div>
                <div class="clearfix"> </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="copy">
            <p>
                © 2016 赵冬晋 王倩 赵牧宇 版权所有
            </p>
        </div>
        <script type="text/javascript">
            $(document).ready(function () {

                $().UItoTop({
                    easingType: 'easeOutQuart'
                });

            });
        </script>
        <a href="#" id="toTop" style="display: block;"> <span id="toTopHover"> </span></a>
    </div>
</body>
</html>
